<template>
	<view class="home">
		<view class="head_box" :style="'height:'+(height+144)+'px'">
			<u-navbar :is-back="false" :title-bold="false" title-size="34" title-color="black" :background="background">
				<view class="u-slot-content" slot="center">
					<image mode="widthFix" src="@/static/img/hf.png" style="width: 60rpx;margin-right:15rpx;"></image>
					<view>叮咚当家</view>
				</view>
			</u-navbar>


			<view class="search_box" @click="searchPage">
				<u-search placeholder="搜索您想要的商品" disabled :show-action="false"></u-search>
			</view>

			<view class="banner">
				<swiper class="swiper" indicator-dots="true" autoplay="true" duration="2000" circular="true"
					disable-touch="true">
					<swiper-item v-for="(item, index) in adList[0].list" :key="index">
						<image :src="imgRemote+item.image"></image>
					</swiper-item>
				</swiper>
			</view>
		</view>

		<view :style="'height:'+(tcHeight)+'px'"></view>
		<!-- 公告 -->
		<view v-if="false" class="flex white_b align_center gg_box" @click="$project.toPath('/pages/new/lists')">

			<image src="@/static/img/new.png" mode="widthFix" style="width:40rpx;"></image>

			<text class="gg_gg">公告</text>

			<view class="xian"></view>
			<swiper class="swiper_gg" autoplay="true" duration="2000" circular="true" style=" height:100rpx">
				<swiper-item class="center" v-for="(item, index) in noticeList" :key="index">
					<view class="not" v-for="(items,indexs) in item" :key="indexs">{{items.title}}</view>
				</swiper-item>
				<swiper-item class="center" v-for="(item, index) in noticeList" :key="index"
					v-if="noticeList.length==1">
					<view class="not" v-for="(items,indexs) in item" :key="indexs">{{items.title}}</view>
				</swiper-item>
			</swiper>
			<view>
				<text class="i_r iconfont iconfanhui t-180 gray_font"></text>
			</view>
		</view>

		<view class="wx_box" v-if="wxShow" @click="setWxMsg">
			<u-icon style="margin-right: 10rpx;" size="35" name="info-circle" color="#7E7E7E"></u-icon>
			<view>开通通知提醒，重要消息不错过</view>
			<view class="wx_msg">点击开启</view>
		</view>

		<!-- 导航 -->
		<view class="nav">
			<view v-for="(item, index) in navList" :key="index" @click="navUrl(item,index)">
				<image :src="imgRemote + item.image"></image>
				<text class="hidden width center">{{item.name||item.title}}</text>
			</view>
		</view>


		<view class="b_box" v-if="banner&&banner.length>0">
			<image mode="widthFix" class="b_img" @click="toBanner(item)" :src="item.image"
				v-for="(item,index) in banner" :key="index">
			</image>
		</view>




		<view class="label_box">
			<view @click="setLable(item)"
				:class="['label_info',index<label.length-1?'label_right':'', item.id==labelCheck.id?'label_check':'']"
				v-for="(item,index) in label" :key="index">
				{{item.name}}
			</view>
		</view>

		<!-- 为你推荐 -->
		<view class="recomend" v-if="labelList.length">
			<!-- <view class="title hot_box">
				<view class="hot_name">好物推荐</view>
				 <image class="hot_img" src="@/static/img/hotbuy.png" mode="widthFix"></image> 
			</view> -->
			<view class="body" v-if="labelCheck.id!='fw'">
				<my-recomend v-for="(item, index) in labelList" :key="index" :ware="item" :config="config"
					@showCart="openCart(item)" class="myc_recomend"></my-recomend>
			</view>
			<view class="body" v-else>
				<fwList v-for="(item, index) in labelList" :key="index" :ware="item" :config="config"
					@showCart="openCart(item)" class="myc_recomend"></fwList>
			</view>
		</view>

		<view style="height: 50rpx;background-color: #eeeeee;"></view>

		<!-- <button class="kf_box" open-type="contact">
        	
        	<view class="kf m_box m_back b_flex_c_cc" @click="$project.toPhone()">
        				<image class="mobile" mode="widthFix" src="@/static/img/mobile.png"></image>
        				<view>联系客服</view>
        	</view>
        	
        </button> -->

		<bottomVue value='首页'></bottomVue>

		<u-popup :closeable="true" v-model="djShow" mode="center" border-radius="14">
			<view class="dj_box">
				<view>温馨提示</view>
				<view>您有新的呼叫!</view>
				<view class="dj_btn" @click="setOpen">确定</view>
			</view>
		</u-popup>

		<view @click="setUpTo" class="up_box" v-if="upShow">
			<u-icon name="arrow-up"></u-icon>
			<view>顶部</view>
		</view>

	</view>
</template>

<script>
	const app = getApp().globalData;
	const {
		imgRemote
	} = app;
	import uCountDown from "uview-ui/components/u-count-down/u-count-down.vue";
	import fwList from "@/components/fwList.vue";
	import bottomVue from "@/components/bottom.vue";
	export default {
		components: {
			uCountDown,
			fwList,
			bottomVue
		},
		data() {
			return {
				background: {
					background: "transparent"
				},
				support: false,
				showTop: false,
				token: '',
				imgRemote: imgRemote,
				page: 1,
				adList: [],
				navList: [],
				newList: [],
				recommendList: [],
				noticeList: [],
				distance: '',
				bannerHeight: '',
				personInfo: {},
				tel: '',
				prizeList: 0,
				prizeListImg: '',
				site: [],
				shareInf1: '',
				shareInf2: '',
				home: {},
				banner: [],
				fwList: [],
				user: {},
				label: [],
				labelCheck: '',
				labelParams: {
					page: 1,
					tag: ''
				},
				labelList: [],
				total: '',
				height: '',
				tcHeight: '',
				wxShow: true,
				djShow: false,
				mtId: 'NmkHxrwLwF69iGgNue4fmqTl1GRPfDSbqm6EyuwkT4E',
				hkItem: '',
				upShow: false
			};
		},
		onLoad(e) {
			let _ = this;
			this.getConfig();
			let seller_id = '';
			if (e.q) {
				var scene = decodeURIComponent(e.q);
				seller_id = scene.substring(scene.indexOf('1') + parseInt(1));
			} else {
				seller_id = e.id;
			}

			if (e.scene) {
				let scene = decodeURIComponent(e.scene);

				if (scene != 'undefined') {
					seller_id = scene;
				};
			}

			if (seller_id) {
				uni.setStorageSync('seller_id', seller_id)
			}

			this.indexMainNotice();
			
			this.adcateList()
			
			this.getMainCate();
			
			this.getBanner();
		},
		onShow() {
			this.getWxMsg();
			
			//setInterval(() => {
				this.getOpen();
			//}, 5000);
			
			this.getHe();
		},
		onPageScroll(e) {

			if (e.scrollTop >= 40) {
				this.background.background =
					"url('https://dingdongdj.cn/assets/img/icn.png') no-repeat center center / cover";
			} else {
				this.background.background = "transparent";
			}

			if (e.scrollTop >= 100) {
				this.upShow = true;
			} else {
				this.upShow = false;
			}

		},
		methods: {
			setUpTo() {
				wx.pageScrollTo({
					scrollTop: 0
				})
			},
			getWxMsg(type = 1) {
				let _ = this;

				wx.getSetting({
					withSubscriptions: true,
					success(res) {
						if (res.subscriptionsSetting.mainSwitch) { // 用户打开了订阅消息总开关
							if (res.subscriptionsSetting.itemSettings) { // 用户同意总是保持是否推送消息的选择, 这里表示以后不会再拉起推送消息的授权
								let moIdState = res.subscriptionsSetting.itemSettings[_.mtId]; // 用户同意的消息模板id

								if (moIdState === 'accept') {
									_.wxShow = false;

									if (type != 1) {
										uni.requestSubscribeMessage({
											tmplIds: [_.mtId],
											success(res) {

											}
										})
									}

								} else if (moIdState === 'reject') {
									_.wxShow = true;
									if (type != 1) {
										wx.openSetting({
											withSubscriptions: true,
										})
									}
								} else if (moIdState === 'ban') {
									_.wxShow = true;
								}
							} else {
								_.wxShow = true;

								if (type != 1) {
									uni.requestSubscribeMessage({
										tmplIds: [_.mtId],
										success(res) {

										}
									})
								}

							}
						} else {
							_.wxShow = true;

							if (type != 1) {
								wx.openSetting({
									withSubscriptions: true,
								})
							}
						}
					}
				});
			},
			setWxMsg() {
				this.getWxMsg(2);

			},
			getOpen() {
				this.$get(this.$api.intercomIndex, {
					token: uni.getStorageSync('userToken')
				}, res => {
					let {
						data,
						code
					} = res.data;
					if (code == 1) {

						if (data) {
							this.hkItem = data;
							this.djShow = true;
						} else {
							this.djShow = false;
						}

					}
				});
			},
			setOpen() {

				let tokenValue = this.hkItem.token;
				let deviceValue = this.hkItem.serial;
				let channelNoValue = this.hkItem.no;
				/* uni.openEmbeddedMiniProgram({
					appId: 'wxf2b3a0262975d8c2',
					path: '/pages/live/live?accessToken=' + tokenValue + '&deviceSerial=' + deviceValue +
						'&channelNo=' + channelNoValue,
					envVersion: 'release',
					success(e) {
						console.log(e);
					},
					fail(e) {
						console.log(e);
					}
				}) */

				uni.navigateTo({
					url: '/pages/fw/msg?id=' + this.hkItem.id
				})



			},
			getHe() {
				let height = uni.getSystemInfoSync().statusBarHeight;
				console.log(height);
				if (height >= 44) {
					this.tcHeight = (height + 48) * 0.506;
				} else if (height > 20) {
					this.tcHeight = (height + 48) * 0.65;
				} else {
					this.tcHeight = (height + 48) * 0.75;
				}

				this.height = (height + 48);

			},
			setLable(e) {
				this.labelCheck = e;
				this.labelParams.tag = e.id;
				this.labelParams.page = 1;
				this.getLabelGoods();
			},
			getLabelGoods() {
				this.$get(this.$api.labelGoods, this.labelParams, res => {
					let data = res.data;
					if (data.code == 1) {
						this.total = data.data.total;
						this.labelList = data.data.data;
					}
				});
			},
			getMainCate() {
				this.$get(this.$api.mainGoodsCate, {}, res => {
					let e = res.data;
					if (e.code == 1) {
						this.label = e.data;
						if (e.data.length > 0) {
							this.labelCheck = e.data[0];
							this.labelParams.tag = e.data[0].id;
							this.getLabelGoods();
						}
					}
				});
			},
			getUserInfo() {
				let token = uni.getStorageSync('userToken');
				if (!token) return;

				this.$get(this.$api.userInfo, {
					token: token
				}, res => {
					let data = res.data;
					if (data.code == 1) {
						this.user = data.data;
					}
				});
			},
			getHomeFw() {
				this.$get(this.$api.fwHome, {}, res => {
					let data = res.data;
					if (data.code == 1) {
						this.fwList = data.data;
					}
				});
			},
			toBanner(e) {
				if (e.type == 1) {
					uni.navigateTo({
						url: e.url + '?title=' + e.title
					})
				} else {
					uni.switchTab({
						url: e.url
					})
				}
			},
			getBanner() {
				this.$get(this.$api.homeBanner, {}, res => {
					let data = res.data;
					if (data.code == 1) {
						this.banner = data.data;
					}
				});
			},


			searchPage() {
				uni.navigateTo({
					url: "/pages/index/search"
				})
			},
			toLogin() {
				uni.reLaunch({
					url: '/pages/account/wxlogin'
				})
			},
			needLogin() {
				this.$needLogin(() => {});
			},
			luckDraw() {
				uni.navigateTo({
					url: '/pages/index/luckDraw'
				})
			},
			adcateList() {
				this.$get(this.$api.adcateList, {
					id: '1,3'
				}, (res) => {
					let {
						data
					} = res;
					if (data.code == 1) {

						this.adList = data.data.filter((item) => {
							return item.id == 1;
						});
						let navList = data.data.filter((item) => {
							return item.id == 3;
						})
						/* this.$get(this.$api.mainCate, {}, res => {
							let data = res.data;
							if (data.code == 1) {
								let arr = data.data;


								this.navList = [...arr, ...navList[0].list];

							}
						}); */

						this.navList = navList[0].list;
						//this.prizeListImg = this.zoneList[0].list[1].image
					}
				})
			},
			limitPage() {
				uni.navigateTo({
					url: '/pages/indexNav/activeLimit?title=' + this.activity.name
				})
			},

			//导航页面
			navUrl(e, index) {

				console.log(e);

				let _ = this;
				/*   this.$needLogin(() => {
				_.$project.common(_.user,3);
				
				if(_.user.audit_status!=2) return;
				let {
					id
				} = e; */


				if (e.type == 3) {
					getApp().globalData.classId = e.id;
					getApp().globalData.isReload = true;
					uni.switchTab({
						url: e.url
					})
				}

				if (e.type == 2) {

					uni.switchTab({
						url: e.url
					})


				}

				if (e.type == 1) {

					let url = e.url;
					if (e.can) {
						url += e.can + '&title=' + e.title;
					} else {
						url += '?title=' + e.title;
					}

					console.log(url);

					uni.navigateTo({
						url: url
					});
				}

				/* }); */



			},
			indexMainAd() {
				this.$get(this.$api.mainAd, {}, (res) => {
					let {
						data
					} = res;
					if (data.code == 1) {
						this.adList = data.data;
					}
				})
			},
			indexMainCate() {
				return;
				this.$get(this.$api.mainCate, {}, res => {
					let data = res.data;
					if (data.code == 1) {

						for (let i of data.data) {
							i.type = 3;
						}

						this.navList = data.data.filter((item, index) => {
							return index < 5
						});
					}
				});
			},
			indexMainRecommend() {
				let {
					page
				} = this;
				this.$get(this.$api.mainRecommend, {
					page
				}, res => {
					let data = res.data;
					if (data.code == 1) {

						this.recommendList = data.data;
					}
				});
			},
			indexMainNew() {
				this.$get(this.$api.mainNew, {}, res => {
					let data = res.data;
					if (data.code == 1) {
						this.newList = data.data;
					}
				})
			},
			indexMainNotice() {
				this.$get(this.$api.mainNotice, {}, res => {
					let data = res.data;
					if (data.code == 1) {

						let list = [];

						data.data.forEach(res => {

						});


						this.noticeList = data.data;
					}
				})
			},

			zhekou() {

				this.$get(this.$api.activityGoods, {}, res => {
					let data = res.data;
					if (data.code == 1) {
						console.log(data)
						this.activity = data.data.activity;
						this.activeList = data.data.list.data;
						let time = (new Date() - 0) / 1000;
						let {
							starttime,
							endtime
						} = data.data.activity;
						this.start = time - starttime > 0 ? true : false;
						this.times = this.start ? endtime - time : starttime - time;
						setInterval(() => {
							this.times--
						}, 1000)
					}
				})
			},
			enterDetail(item) {
				uni.navigateTo({
					url: '/pages/index/shopdetail?id=' + item.goods.id + "&time=" + this.times + '&start=' + this
						.start
				})
			},
			getConfig() {
				this.$get(this.$api.configVal, {
					name: 'shareTile,shareImg'
				}, res => {
					this.shareInfo1 = res.data.data['shareTile'];
					this.shareInfo2 = res.data.data['shareImg'];
				});
			},

		},
		onReachBottom() {

			if (this.labelList.length < this.total) {
				this.labelParams.page++;
				this.$get(this.$api.labelGoods, this.labelParams, res => {
					let data = res.data;
					data.data.data.forEach(ress => {
						this.labelList.push(ress);
					});
				});
			}

		},
		onShareAppMessage() {
			let obj = {};
			if (this.shareInfo1) {
				obj.title = this.shareInfo1
			}
			if (this.shareInfo2) {
				obj.imageUrl = this.imgRemote + this.shareInfo2
			}
			return obj
		},
		onShareTimeline() {
			if (this.shareInfo1) {
				obj.title = this.shareInfo1
			}
			if (this.shareInfo2) {
				obj.imageUrl = this.imgRemote + this.shareInfo2
			}
			return obj
		}
	};
</script>

<style scoped lang="scss">
	.recomend_single {
		margin-top: 30rpx;
	}

	.mt {
		margin-top: 10rpx;
	}

	.head_box {
		width: 100%;
		background: url('https://dingdongdj.cn/assets/img/icn.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-radius: 0 0 60rpx 60rpx;
		box-sizing: border-box;
		padding: 20rpx 30rpx;
	}

	.cart_icon {
		margin-right: 30rpx;
	}

	.site_box {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 10rpx 0 30rpx 0;
	}

	.ad_img {
		width: 35rpx;
	}

	.site_city {
		margin: 0 10rpx;
		font-weight: bold;
		font-size: 30rpx;
	}

	.search_box {
		box-sizing: border-box;
		padding: 0 0 15rpx 0;
	}

	.zb_box {
		margin-left: auto;
		background-color: white;
		box-sizing: border-box;
		padding: 8rpx 20rpx;
		font-size: 22rpx;
		border-radius: 25rpx;
		font-weight: bold;
	}

	::v-deep .u-mode-center-box {
		background-color: transparent !important;
	}

	.coupon_box {
		text-align: center;
	}

	.home {
		.call-tel {
			position: fixed;
			width: 80rpx;
			height: 80rpx;
			text-align: center;
			display: flex;
			flex-direction: column;
			color: white;
			bottom: 10rpx;
			right: 10rpx;
			background: $m-c;
			border-radius: 50%;
		}

		background: #eee;
		min-height: 100vh;
	}

	.nav {
		display: flex;
		flex-wrap: wrap;
		padding: 0rpx 0 15rpx 0;
		background: white;
		margin: 0 30rpx 0rpx 30rpx;
		border-radius: 20rpx;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	}

	::-webkit-scrollbar {
		display: none;
		/* Chrome Safari */
	}

	.limit_buy .title {
		display: flex;
		justify-content: space-between;
		align-items: center;

	}

	.limit_buy .title view {
		display: flex;
		align-items: center;
	}

	.limit_buy .title view text {
		font-size: 12px;
		color: white;
		font-weight: normal;
	}

	.limit_buy .body {
		margin-top: 30rpx;
		display: flex;
		overflow: scroll;

	}

	.home .icongonggao {
		color: #FF7133;
		margin-right: 20rpx;
	}

	.nav>view {
		margin-top: 15rpx;
		width: 20%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.nav>view text {
		//margin-top: 15rpx;
		font-size: 26rpx;
	}

	.banner {
		height: 138.13px;
		border-radius: 15rpx;
	}

	.banner image {
		width: 100%;
		height: 100%;
		border-radius: 15rpx;
	}

	.nav>view image {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
	}

	.banner4 {
		margin: 10rpx 20rpx 0;
		height: 200rpx;
		background: white;
	}

	.banner4 image {
		width: 100%;
		height: 200rpx;
	}

	.home .limit_buy .icon-jiantou {
		font-size: 20rpx;
		height: 32rpx;
		line-height: 32rpx;
	}

	.whole::-webkit-scrollbar {
		width: 0;
		display: none;
	}

	.limit_buy {
		position: relative;
		background: white;
		width: 690rpx;
		margin: 20rpx auto 0;
		border-radius: 20rpx;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	}

	.limit_buy .body {
		padding-left: 15rpx;
		border-radius: 0 0 30rpx 30rpx;
	}


	.notice {
		background: white;
		/* padding: 0 30rpx; */
		height: 400rpx;
	}

	swiper {
		height: 100%;
	}

	.support {
		text-align: center;
		color: #808080;
		margin-bottom: 20rpx;
		font-size: 28rpx;
	}

	.support text {
		color: rgb(157, 212, 127);
	}

	.home .uni-countdown__number {
		height: 30rpx !important;

		color: white !important;
		border-radius: 4rpx;
		width: 40rpx !important;
	}

	.home .my_loading {
		height: 70rpx;
	}

	.home .limit_buy .whole .body {
		margin-right: 20rpx;
		width: 33%;
	}

	.home .shuiyin1 {
		width: 60rpx;
		height: 20rpx;
	}

	.limit_buy .title {
		padding: 20rpx 30rpx 0;
		position: relative;
		z-index: 9;
		font-size: 36rpx;
		/* font-weight: bold; */
	}

	.limit_buy /deep/ .recomend_single {
		width: 240rpx;

		.plus {
			display: none;
		}
	}

	.limit_buy /deep/ .recomend_single .photo {
		width: 200rpx;
		height: 200rpx;
	}

	.limit_buy .title text {
		position: relative;
		z-index: 9;
		font-size: 36rpx;
		color: white;
		/* font-weight: bold; */
	}

	.limit_buy .title:before {
		content: ' ';
		width: 60rpx;
		height: 8rpx;
		z-index: 8;
		background: linear-gradient(to right, #FF7133, rgba(255, 179, 12, 0.3));
		position: absolute;
		bottom: 5rpx;
	}

	.home .recomend {
		background: #eee;
	}

	.home .recomend .title {
		padding: 0rpx 30rpx 0;
		//justify-content: flex-start;
		position: relative;
	}

	.home .recomend .title .name {
		font-weight: normal;
	}

	.home .recomend .title .name {
		position: relative;
		z-index: 9;
	}

	.home .recomend .title .name:before {
		content: ' ';
		width: 60rpx;
		height: 8rpx;
		background: linear-gradient(to right, #FF7133, rgba(255, 179, 12, 0.3));
		position: absolute;
		bottom: 5rpx;
		z-index: -1;
	}

	.zone {
		display: flex;
		justify-content: space-between;
		margin: 10rpx 30rpx 0;
		padding-bottom: 20rpx;
	}

	.zone image {
		width: 49.5%;
		height: 200rpx;
		border-radius: 10rpx;
	}

	.home /deep/ .move .my_search {
		background: white;
		opacity: 1;
		animation: 1s;
	}

	.home /deep/ .move .my_search_content {
		background: #eee;
		color: #999;
	}

	.home /deep/ .move button text {
		color: #999 !important;
	}

	.home {
		.lottery {
			display: flex;
			justify-content: center;
			margin-top: 30rpx;

			image {
				width: 690rpx;
				border-radius: 10rpx;

			}
		}
	}

	.form_box {
		width: 100%;
		box-sizing: border-box;
		padding: 0 30rpx;
		margin-top: 30rpx;
		height: 230rpx;

		image {
			width: 100%;
			height: 100%;
			border-radius: 15rpx;
		}
	}

	.coupon_img {
		width: 350rpx;
	}



	.hot_box {
		text-align: center;
		position: relative;
	}

	.hot_img {
		width: 50%;
		text-align: center;
	}

	.hot_name {
		position: absolute;
		let: 0;
		font-weight: bold;

	}

	.center {
		display: flex;
		flex-direction: column;

		justify-content: center;
	}

	.not {
		word-break: break-all;
		text-align: left;
		color: #212121;
		font-size: 30rpx;
	}

	.cart_box {
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 0 0 0 40rpx;
	}

	.gg_box {
		box-sizing: border-box;
		padding: 0 20rpx 0 20rpx;
		margin: 90rpx 30rpx 0 30rpx;
		border-radius: 20rpx;
	}

	.gg_gg {
		font-weight: bold;
		font-size: 36rpx;
		margin-left: 20rpx;
	}

	.xian {
		width: 2rpx;
		background-color: #969696;
		height: 40rpx;
		margin-right: 20rpx;
		margin-left: 20rpx;
	}

	.swiper_gg {
		width: 60%;
	}

	.i_r {
		margin-left: 35rpx;
		font-size: 40rpx;
		color: #424242;
	}

	.b_box {
		margin: 30rpx 30rpx 0 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.b_img {
		width: 48%;
		height: 180rpx;
		border-radius: 15rpx;
	}

	.fw_box {
		margin: 30rpx 30rpx 0 30rpx;
		box-sizing: border-box;
		padding: 20rpx 0 20rpx 20rpx;
		background-color: white;
		border-radius: 15rpx;
	}

	.fw_head {
		box-sizing: border-box;
		padding: 0 20rpx 0 0;
	}

	.fw_title {
		font-weight: bold;
		font-size: 30rpx;
	}

	.f_s {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.f_c {
		display: flex;
		align-items: center;

	}

	.fw_duo {
		color: #909090;
		font-size: 26rpx;
	}

	.fw_lists {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.fw_name {
		height: 100rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		word-break: break-all;
		width: 100%;
	}

	.fw_info {
		width: 30%;
		margin-top: 20rpx;
		margin-right: 20rpx;
	}

	.fw_img {
		width: 100%;
		height: 210rpx;
		border-radius: 15rpx 15rpx 0 0;
	}

	.money {
		color: #EF4051;
	}

	.fw {
		font-size: 22rpx;
	}

	.f_w {
		font-weight: bold;
	}

	.label_box {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 15rpx 30rpx 15rpx 30rpx;
	}

	.label_info {
		box-sizing: border-box;
		padding: 15rpx 27rpx;
		border-radius: 15rpx;
		color: #666666;
		background-color: #F5F5F5;
		font-size: 26rpx;
		font-weight: bold;

	}

	.label_right {
		margin-right: 20rpx;
	}

	.label_check {
		background-color: #fb8411;
		color: white;
	}


	.kf {
		position: fixed;
		right: 0;
		bottom: 170rpx;
	}

	.m_box {
		width: 130rpx;
		height: 130rpx;
		border-radius: 50%;
		text-align: center;
		color: #fff;
		margin: 0 20rpx 0 auto;
		font-size: 20rpx;
		font-weight: 500;
	}

	.m_back {
		background: #FF8527;
	}

	.mobile {
		width: 52rpx;
		margin-bottom: 7rpx;
	}

	.b_flex_c_cc {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.u-slot-content {
		display: flex;
		align-items: center;
		background-color: transparent;
		color: white;
		box-sizing: border-box;
		padding: 0 0 0 30rpx;
		letter-spacing: 3rpx
	}

	.dj_box {
		box-sizing: border-box;
		padding: 50rpx 20rpx 20rpx 20rpx;
		background-color: white;
		text-align: center;
		width: 500rpx;
	}

	.dj_btn {
		box-sizing: border-box;
		padding: 15rpx 0;
		border-radius: 25rpx;
		background-color: #E34305;
		color: white;
		font-size: 24rpx;
		margin-top: 30rpx
	}

	.wx_box {
		display: flex;
		align-items: center;
		background-color: white;
		box-sizing: border-box;
		padding: 15rpx;
		margin: 0 30rpx 15rpx 30rpx;
		border-radius: 20rpx;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
		color: #7E7E7E;
		font-size: 26rpx;

	}

	.wx_msg {
		margin-left: 10rpx;
		color: #1DBCB3;
	}

	.up_box {
		position: fixed;
		bottom: 130rpx;
		right: 20rpx;
		z-index: 100;
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		background-color: #E34305;
		color: white;
		text-align: center;
		font-size: 24rpx;
	}
</style>